<template>
   <div class="iscenter" >
     <!-- 活动倒计时 -->
      <div v-if="activityLabel &&　countdownon" class="wrapper countdown">
          <span :class="activityLabel"></span>
       
        <div class="lefttime">
            <span>{{activitytext}}</span><em v-html="cdinfo.d"></em> <span>天</span> <em v-html="cdinfo.h"></em> :<span class="colon"></span><em v-html="cdinfo.m"></em> :<span class="colon"></span><em v-html="cdinfo.s"></em>
        </div>
     </div>
     <!-- 活动倒计时结束 -->

      <div class="promain promain-left" @click="showBm">
          <div class="price">
             <i class="remain" v-if="activityLabel && pricedata.activityInfo">
                限购{{pricedata.activityInfo.limitedPerAmount}}件
            </i>
              <span v-if="+pricedata.price <=0 || pricedata.price == 'no'" class="noprice">暂无报价</span>

              <strong v-if="+pricedata.price > 0 && pricedata.price != 'no'">
                  <i>&yen;</i>  
                  <span>{{pricedata.price}}</span>
              </strong>

              <del v-if="pricedata.basePrice && pricedata.price != 'no' ">
                  <i>&yen;</i>  
                  {{pricedata.basePrice}}
              </del><!-- 原价 -->
       
              <span v-if="pricedata.limit" style="float: right; color: #FF782D;">限购{{pricedata.limit}}件</span>

          </div>
          <h2>
              <span>{{alldata.cmmdtyName}}</span>
          </h2>

          <p class="memo" >{{alldata.basicSalePoint}} </p>

          <div class="shop-border" v-if="pricedata.postAge &&  +pricedata.availableQty > 0">
            <i v-if="pricedata.freightFare"  class="delivery">{{pricedata.freightFare+'/'}}</i>  
            <i class="delivery">{{pricedata.postAge}}</i>
        </div>
    </div>
     
       <img v-if="bottomlabelPath" :src="bottomlabelPath" alt="">

       <div class="proattr shop-mj"  v-if="activityDescription.length > 0　&& pricedata.price != 'no'">
            <p v-for="(item, index) in activityDescription" :class="{'mt01rem': index == 1}">
              <i :class="{'activityhidden': index == 1}">促销：</i>
              <span v-if="index == 0">满减</span>
              <span v-if="index == 1">满返</span> 
              <span class="shop-mj-info">{{item.activityDescription}}</span>
            </p>   
       </div> 

       <div class="proattr">
            <div class="proattr-main">
                <dl>
                    <dt>规格</dt>
                    <dd>{{alldata.cmmdtyStandard+'/'+alldata.cmmdtyUnit}}</dd>
                </dl>
                <dl v-show="showon">
                    <dt>编码</dt>
                    <dd>{{$route.params.cmmdtyCode}}</dd>
                </dl>
                <p class="memo promain" v-if="alldata.cmmdtyTips">{{alldata.cmmdtyTips}}</p>
            </div>
        </div>

        <p  class="shop-send">{{pricedata.supplierName}}</p>
   </div>
</template>

<script>
import { mapState, mapGetters, mapMutations } from 'vuex'
import {  getDatailContent, getCenterPrice, getDatailTime, getDataillivery1, getCommentProfile, nssnitem, getarea, nssndetail, getpcss } from '@/service/getData'
export default {
      props:['alldata'],
      data() {
        return {
            pricedata: {},
            activityLabel:'',
            priceType: '',
            activityDescription:[],
            showon: false,
            showonnum: 0,
            countdownon: true,
            activitytext:'距结束',
            cdinfo:{d:0, h:0, m:0, s:0},
            bottomlabelPath:'',
        }
      },
      created() {

         //爆炸贴
         // 这是爆炸贴注释的代码,731不做 开始
          // getpcss({
          //   params: JSON.stringify([
          //           {cmmdtyCode:this.$route.params.cmmdtyCode,supplierCode:this.$route.params.supplierCode,channel:'WAP',labelScene:'03'},
          //           {cmmdtyCode:this.$route.params.cmmdtyCode,supplierCode:this.$route.params.supplierCode,channel:'WAP',labelScene:'04'},
          //           {cmmdtyCode:this.$route.params.cmmdtyCode,supplierCode:this.$route.params.supplierCode,channel:'WAP',labelScene:'06'}
          //           ])
          // })
          // .then((rep) => {
          //     if(rep.length) {
          //         for(var i = 0; i < rep.length; i++) {
          //             if((rep[i].labelScene == '03' || rep[i].labelScene == '04') && rep[i].labelList && rep[i].labelList.length && rep[i].labelList[0].labelPath) {
          //                 this.bottomlabelPath = rep[i].labelList[0].labelPath
          //             }
          //             //这是轮播图的爆炸贴
          //             var PathClass,toplabelPath;
          //             if(rep[i].labelScene == '06' && rep[i].labelList && rep[i].labelList[0]) {
          //                 if(rep[i].labelPlace == '1') {
          //                   PathClass = 'lefttop'
          //                 }
          //                 if(rep[i].labelPlace == '2') {
          //                   PathClass = 'righttop'
          //                 }
          //                 if(rep[i].labelPlace == '3') {
          //                   PathClass = 'leftbottom'
          //                 }
          //                 if(rep[i].labelPlace == '4') {
          //                   PathClass = 'rightbottom'
          //                 }
          //                 toplabelPath = rep[i].labelList[0].labelPath
                          
          //                 //提交到shop.vue给轮播用
          //                 this.$emit('pacc', {
          //                   PathClass: PathClass,
          //                   toplabelPath: toplabelPath
          //                 }) 
          //             }
                     
          //         }
          //     }
          // })
// 这是爆炸贴注释的代码,731不做 结束

         getCenterPrice({
              // 'urldiff':'/center',
              'cmmdtyCode': this.$route.params.cmmdtyCode,
              'storeLocation': this.position.storeLocation,
              'cityCode': this.position.cityCode,
              'supplierCode': this.$route.params.supplierCode,
              'app': 'wap',
              'appVersion': '3.2.2',
              // 'cmmdtyType':cmmdtyType,
              'rand':{
                _: Math.random()+10000000
              }
            })
            .then((json) => {
                if (!json || !json.resultData) {
                    return;
                }
                
                let data1 =  json.resultData;
                

                // this.addCartFn(parseInt(data1[0].availableQty), data1[0].activityInfo, data1[0].saleType, data1[0].price);
                this.addCartFn(parseInt(data1[0].availableQty), data1[0].activityInfo, data1[0].saleType, data1[0].price, data1[0].priceType);

                var priceType = data1[0].priceType;
                this.priceType = priceType;
                     // 显示活动标签
                switch(priceType) {
                    case '21': this.activityLabel = 'label label-djh'; break;
                    case '22': this.activityLabel = 'label label-qg'; break;
                    case '11': this.activityLabel = 'label label-xsqg'; break;
                    case '12': this.activityLabel = 'label label-yzhg'; break;
                }
                 
                 var  price = data1[0].price

                  if(data1[0].basePrice <= price || priceType == '12' ){

                    this.$set(data1[0], 'basePrice', "") 

                     // data1[0].basePrice = ""
                  }

                 this.$store.dispatch('availableQty',{
                    availableQty: parseInt(data1[0].availableQty)
                 })
                 
                this.pricedata = data1[0]
                      
                this.centeryr(this.alldata)
                this.getDataillivery(this.pricedata) 

            })
      },
      computed: {
        ...mapGetters({
          shoptype: 'gettype',
          position: 'position'
        })
    },

    methods: {
       showBm(centercarnum){
        if(this.showonnum == 2){
          this.showon = true
        }else {
          this.showonnum ++
        }
      },
      getDataillivery(data){
      getDataillivery1({
              'cmmdtyCode': this.$route.params.cmmdtyCode,
              "storeCode": this.position.storeLocation, 
              "ownerPlace": data.ownerPlace,
              "deptNo":data.deptNo,
              "purchaseFlag":data.purchaseFlag,
              "accountPlace":data.accountPlace,
              "price":data.price,
              'rand':{
                _: Math.random()+10000000
                }
          })
          .then((json) => {
              if (!json || !json.resultData) {
                return;
              }
               var test1 = '';
               if( json.resultData.freightFare !=0) {
                  if(parseInt(json.resultData.freightFare)>0){
                   test1 = "运费"+(+json.resultData.freightFare+'.00')+"元,满"+json.resultData.snslt+"免运费"
                  }else{
                    test1 = "满"+json.resultData.snslt+"免运费"
                  }
                  this.$set(this.pricedata, 'freightFare', test1)
               }
               
           })
      },
      addCartFn(availableQty, activityInfo, saleType,  price, priceType){
             
           console.log('库存'+availableQty, '是否活动'+!!activityInfo);
            if(+price <= 0   || priceType == 0) {
              this.$store.dispatch('on', false);
              console.log("价格不能为"+price)
              return;
            }

             

            if(availableQty == 0 || availableQty == '') {
              this.$store.dispatch('on', false);
              console.log('不好意思,没有库存了');
              return;
            }
            if( saleType != 0 ){
              this.$store.dispatch('on', false);//可以加入购物车就背景变灰
              console.log("无法加人购物车");
              return;
            }

            //这时候可以加入购物车
            this.$store.dispatch('on', true);//可以加入购物车就背景就有
      },
      centeryr(data1){
        getarea({
                  storeLocation: this.position.storeLocation,
                  version: '3.2.2',
                  poiId: this.position.poiId,
                  cityCode: this.position.cityCode
                })
                .then((json) => {
                  // var provCode, lesCityCode, distCode
                  if( !json.data ) return;
                   var provCode = json.data.provCode || '100';
                   var lesCityCode = json.data.lesCityCode || '025';
                   var distCode = json.data.distCode || '02501';
                   nssnitem({
                    'cmmdtyCode': this.$route.params.cmmdtyCode,
                    'supplierCode': this.$route.params.supplierCode,
                    'provCode': provCode,
                    'lesCityCode': lesCityCode,
                    'distCode': distCode
                  })
                  .then((json) => {
                    console.log(json)
                    if(!json.data) return;

                    
                    if(!this.pricedata.activityInfo && json.data.limit) {
                      var box = {
                            limitedPerAmount: json.data.limit
                          }
                      this.$set(this.pricedata, 'activityInfo', box)
                    }
 

                    if(json.data.bigPoly && json.data.bigPoly.bigPolyInfo) {

                      var bigPolyInfo = json.data.bigPoly.bigPolyInfo
                      let ResponseDTO = bigPolyInfo.bigPolyPreResponseDTO

                          if(bigPolyInfo.gbQuietStatus == '1') {//预热期,抢购期，静默期，这是静默期
                            this.countdownon = false
                            this.$store.dispatch('on', false);
                          }else{
                             if(ResponseDTO && ResponseDTO.commList && ResponseDTO.commList[0]){
                                if(!this.alldata.basicSalePoint) {
                                  this.$set(this.pricedata, 'info', ResponseDTO.commList[0].attractInstruction)
                                }

                                if(bigPolyInfo.status == '1') {
                                    this.activitytext = "距开始"
                                    this.$store.dispatch('yr', true);
                                    this.$store.dispatch('on', false);

                                    this.countdown(ResponseDTO.commList[0].currentDate, ResponseDTO.commList[0].gbBeginDate, this, '', 'load')
                                }else {
                                      this.activitytext = "距结束"
                                      this.$store.dispatch('yr', false);
                                      this.$store.dispatch('on', true);
                                      this.countdown(ResponseDTO.commList[0].currentDate, ResponseDTO.commList[0].gbEndDate, this,'', 'jmq')
                                }
                             }
                          }
                        
                    }

                    if(json.data.activityType == '2') {
                        if(json.data.price && json.data.price.saleInfo && json.data.price.saleInfo[0] && json.data.price.saleInfo[0].priceType != '4-1' && json.data.price.saleInfo[0].priceType != '4-2'){
                            if(json.data.limit){
                              this.$set(this.pricedata, 'limit', json.data.limit)
                            }
                            this.$store.dispatch('on', false);
                            this.$set(this.pricedata, 'price', 'no')
                        }
                    } 

                    
                    if(json.data.prescription) {
                          this.$set(this.pricedata, 'postAge', json.data.prescription.shipOffSetText)
                    }
                    if(json.data.freightObj &&　!this.pricedata.freightFare) {
                      var test = '';
                            test += json.data.freightObj.fare? '运费'+json.data.freightObj.fare+'元': '';
                        if(!json.data.freightObj.fare) {
                            test += json.data.freightObj.snslt?'满'+json.data.freightObj.snslt+'免费运': '';
                        }else {
                            test += json.data.freightObj.snslt?',满'+json.data.freightObj.snslt+'免费运': '';
                        }
                        this.$set(this.pricedata, 'freightFare', test)
                    }
                    if(json.data.price && json.data.price.saleInfo && json.data.price.saleInfo[0]) {
                        if(!this.pricedata.basePrice && json.data.price.saleInfo[0].netPrice > this.pricedata.price) {
                            this.$set(this.pricedata, 'basePrice', json.data.price.saleInfo[0].netPrice)
                        }
                    }

                     if( json.data.data1 &&　json.data.price ){
                              // categoryId;
                          if(!json.data.price.saleInfo || !json.data.price.saleInfo)return    

                         nssndetail({

                              cmmdtyCode : this.$route.params.cmmdtyCode,
                              supplierCode : this.$route.params.supplierCode,
                              lesCityCode : lesCityCode,
                              distCode : distCode+'99',
                              catalogId :json.data.data1.data? json.data.data1.data.catalogId : '',
                              price :json.data.price.saleInfo[0]?json.data.price.saleInfo[0].promotionPrice : '' ,
                              provCode : provCode,
                              salesOrgP :json.data.price.saleInfo[0] ? json.data.price.saleInfo[0].salesOrg : '',
                              ownerPlaceP :json.data.price.saleInfo[0]? json.data.price.saleInfo[0].ownerPlace : '',
                              vendor :json.data.price.saleInfo[0]?  json.data.price.saleInfo[0].vendor : '',
                              netPrice :json.data.price.saleInfo[0]? json.data.price.saleInfo[0].netPrice : '',
                              categoryCode: json.data.data1.data.itemInfoVo? json.data.data1.data.itemInfoVo.categoryCode : '',

                              // cmmdtyCode : this.$route.params.cmmdtyCode,
                              priceType :json.data.price.saleInfo[0]? json.data.price.saleInfo[0].priceType: '',
                              brandCode :json.data.data1.data.itemInfoVo? json.data.data1.data.itemInfoVo.brandCode : '',
                              brandId :json.data.data1.data.itemInfoVo? json.data.data1.data.itemInfoVo.brandId : '',
                              categoryId:json.data.data1.data.groupInfoVO ? json.data.data1.data.groupInfoVO.categoryId : ''
                         })
                        .then((rep) => {
                           if(!rep.data) return;
                           if( rep.data.salesPromotion && rep.data.salesPromotion.activityList && rep.data.salesPromotion.activityList.length > 0){
                              if(rep.data.salesPromotion.cxFlag && rep.data.salesPromotion.cxFlag == '0'){
                                for(var i = 0; i < rep.data.salesPromotion.activityList.length; i++) {
                                  if(rep.data.salesPromotion.activityList[i].activityTypeId == '1') {
                                    this.activityDescription.push(rep.data.salesPromotion.activityList[i])
                                  }
                                }
                                for(var i = 0; i < rep.data.salesPromotion.activityList.length; i++) {
                                  if(rep.data.salesPromotion.activityList[i].activityTypeId == '2') {
                                    this.activityDescription.push(rep.data.salesPromotion.activityList[i])
                                  }
                                }
                              }else {
                                for(var i = 0; i < rep.data.salesPromotion.activityList.length; i++) {
                                  if(rep.data.salesPromotion.activityList[i].activityTypeId == '4') {
                                    this.activityDescription.push(rep.data.salesPromotion.activityList[i])
                                  }
                                }
                                for(var i = 0; i < rep.data.salesPromotion.activityList.length; i++) {
                                  if(rep.data.salesPromotion.activityList[i].activityTypeId == '5') {
                                    this.activityDescription.push(rep.data.salesPromotion.activityList[i])
                                  }
                                }
                              }
                                
                           }

                           //发货信息
                           if(rep.data.itemShopInfo && rep.data.itemShopInfo.shopInfo) {
                                var shopName = rep.data.itemShopInfo.shopInfo.shopName
                           }
                           // console.log(json.data.isCShop)
                           var p = json.data.price
                           if(p && p.saleInfo[0] && p.saleInfo[0].vendorType == '936超市联营') {
                            this.$set(this.pricedata, 'supplierName', '由“苏宁易购”销售，供应商发货，并提供售后服务')
                           }else {
                                if(json.data.isCShop == 'Y') {
                                    var pst = json.data.prescription
                                    if(pst &&　pst.sendCityName && shopName) {
                                      this.$set(this.pricedata, 'supplierName', '由“'+shopName+ '”从“'+pst.sendCityName+'”直接销售和发货，并提供售后服务')
                                    } else if(shopName){
                                      this.$set(this.pricedata, 'supplierName', '由“'+shopName+'”直接销售和发货，并提供售后服务')
                                    }else {
                                       this.$set(this.pricedata, 'supplierName', '由“第三方店铺”直接销售和发货，并提供售后服务')
                                    }
                               } else {
                                  var price = json.data.price
                                  if(price && price.saleInfo &&　price.saleInfo[0] && price.saleInfo[0].factorySendFlag == '1') {
                                    this.$set(this.pricedata, 'supplierName', '由“苏宁易购”销售，厂家发货，并享受售后服务')
                                  }else {
                                    this.$set(this.pricedata, 'supplierName', '由“苏宁易购”销售和发货，并享受售后服务')
                                  }
                               }
                           }
                           
                        })
                     }
                  })

                })
    },
    countdown(currTime, endTime, that, priceType, load) {
            var that = this,
                // data = activityInfo,
                diff = new Date().getTime() - currTime,
                time,
                off = false;

            if (!currTime || !endTime) {
                return;
            }

            function cd() {

                var remain = parseInt((endTime - new Date().getTime() - diff) / 1000);
                if(load == 'load' && remain == 0 && !off){
                      off = true  
                      clearTimeout(time)
                      console.log(3+'我是728行的')
                      setTimeout(()=> {
                        that.centeryr();
                      },1500) 
                }
                if(load == 'jmq' && remain == 0 && !off){
                      clearTimeout(time)
                      off = true  
                      console.log(4+'我是676行的')
                      setTimeout(()=> {
                        that.centeryr();
                      },1500) 
                }
                if (remain >= 0 && !off) {
                    var theTime = remain;
                    var theTime1 = 0;// 分
                    var theTime2 = 0;// 小时
                    var theTime3 = 0;// 天

                    theTime3 = parseInt(remain/3600/24);
                    

                    theTime2 = parseInt(remain/3600%24);
                    theTime1 = parseInt(remain/60%60);
                    theTime = parseInt(remain%60); 

                    // if(theTime1 == 0 && theTime2 && theTime3)
                    

                    theTime = theTime<10 ? '0'+theTime : theTime.toString();
                    theTime1 = theTime1<10 ? '0'+theTime1 : theTime1.toString();
                    theTime2 = theTime2<10 ? '0'+theTime2 : theTime2.toString();
                    theTime3 = theTime3<10 ? '0'+theTime3 : theTime3.toString();

                    // if (theTime3 >= 3 && detail.vm.cmmdtyType != 20) {
                    //    that.showActivity = false;
                    // } //这句话加了会报错

                    var html = '';
                    theTime.split('').forEach(function(item) {
                        html += '<i>' + item + '</i>';
                    });
                    that.cdinfo.s = html;

                    html = '';
                    theTime1.split('').forEach(function(item) {
                        html += '<i>' + item + '</i>';
                    });
                    that.cdinfo.m = html;

                    html = '';
                    theTime2.split('').forEach(function(item) {
                        html += '<i>' + item + '</i>';
                    });
                    that.cdinfo.h = html;

                    html = '';
                    var d = theTime3.split('');
                    if (d.length > 2) {
                        html = '<i>...</i>' + '<i>' + d[d.length-1] + '</i>'
                    }
                    else {
                        d.forEach(function(item) {
                            html += '<i>' + item + '</i>';
                        });
                    }

                    that.cdinfo.d = html;
                     
                    time = setTimeout(cd, 1000);
                     
                }else{
                  
                  if(load != 'load') {
                    that.countdownon = false
                  }
                  
                }
            }
            cd();
        }
    }
}
</script>
 
<style lang="scss" scoped>
   @function _($px) {
        $rem: $px/50;
        @return #{$rem}rem;
   }
   .order-main {
  padding-bottom: 1rem;
 }
 
.proshow {
    position: relative;
    width: 15rem;
    height: 15rem;
    border-bottom: solid 1px #F7F7F7;
    background: #FFF;
    z-index: 10;
    overflow: hidden;
}

.topcomment .labels {
    margin-left: .56rem;
    padding-bottom: .44rem;
    max-height: 3.96rem;
    overflow: hidden;
}
.topcomment .labels li {
    float: left;
    height: 1rem;
    padding: 0 .48rem;
    border-radius: 4px;
    margin: .32rem .3rem 0 0;
    line-height: 1rem;
    background: #F5F5F5;
    white-space: nowrap;
}
.proshow .swiper-container{
   height: 100%;
}
.proshow .proshow-pager {
    position: absolute;
    bottom: 0.48rem;
    left: 0;
    width: 100%;
    height: 0.28rem;
    text-align: center;
    z-index: 11;
}
 
.main .images li img {
    width: 2rem;
    height: 2rem;
}
.topnav ul li.current {
  border-bottom: solid .08rem #FF782D;
} 
.detail-panel {
    padding: 1.6rem 0 2.4rem;
}

.proshow .proshow-swipe li img {
    display: none;
    width: 100%;
    height: 100%;
}
.promain .price strong {
    margin-right: .3rem;
    font-size: .88rem;
    color: #FF782D;
    font-weight: normal;
    vertical-align: -3px;
}
.promain .price strong i {
    font-size: .6rem;
    vertical-align: middle;
}
.promain {
    padding: .4rem .56rem;
    background: #FFF;
    overflow: hidden;
}
.promain.memo {
      color: #999;
}

.promain h2 {
    height: .8rem;
    line-height: .8rem;
    font-size: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.promain h2 span {
    vertical-align: middle;
}
.promain .memo {
    max-height: 1.32rem;
    margin-top: .32rem;
    font-size: .48rem;
    line-height: .66rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 
.proservice {
    padding: .4rem 0;
    background: #FAFAFA;
}
 
.proservice .delivery {
    margin-bottom: .24rem;
    line-height: .66rem;
    font-size: .48rem;
    color: #999;
}
.promain.promain-left .price .remain {
    float: right;
    margin-top: .2rem;
}
 
.promain .price del {
    font-size: .6rem;
    color: #BBB;
    vertical-align: middle;
}

del {
    text-decoration: line-through;
}
.promain .price .remain {
    color: #FF782D;
    font-size: .48rem;
    vertical-align: middle;
}
 
.proservice span {
    display: inline-block;
    height: .64rem;
    padding: 0.05rem 0.15rem 0 0.7rem;     
    margin: 0 .1rem;
    border-radius: 2px;
    height: .72rem;
    line-height: .72rem;
    vertical-align: middle;
    background: #FFB87A url() no-repeat .15rem center;
    background-size: .44rem .44rem;
    font-size: .44rem;
    color: #FFF;
}
.proshow .proshow-swipe li img {
    display: none;
    width: 100%;
    height: 100%;
}
.proattr {
    margin-top: .4rem;
    background: #FFF;
    overflow: hidden;
}
.proattr .proattr-main {
    margin-bottom: -1px;
}
.proattr .proattr-main dl {
    height: 1.76rem;
    margin-left: .56rem;
    border-bottom: solid 1px #F7F7F7;
    line-height: 1.76rem;
    overflow: hidden;
}
.proattr .proattr-main dl dt {
    width: 1.6rem;
    float: left;
    color: #999;
    font-size: .48rem;
}
.proattr .proattr-main dl dd {
    margin-left: 1.6rem;
    font-size: .56rem;
}
.proattr .proattr-main {
    margin-bottom: -1px;
} 
.proattr .proattr-main dl {
    height: 1.76rem;
    margin-left: .56rem;
    border-bottom: solid 1px #F7F7F7;
    line-height: 1.76rem;
    overflow: hidden;
}
.proattr .proattr-main dl dt {
    width: 1.6rem;
    float: left;
    color: #999;
    font-size: .48rem;
}
.proattr .proattr-main dl dd {
    margin-left: 1.6rem;
    font-size: .56rem;
}



.promain.promain-center .price .remain {
  float: none;
}
.promain .price .noprice {
    font-size: .6rem;
    color: #BBB;
}


.shop-border {
  margin-top: 0.1rem;
  padding-top: 0.1rem;
  border-top: #F7F7F7  solid 1px;
  color: #999;
}
.shop-mj {
      padding: .4rem .56rem;
      color: #999;
      font-size: 12px;
}
.shop-mj span {
        border: #FF782D solid 1px;
        color: #FF782D;
        padding: 0 0.1rem;
        margin: 0 0.1rem;
        font-size: 10px;
    }
.shop-mj .shop-mj-info {
  color: #000;
  border: none;
}
.shop-send {
  margin: 0.4rem 0;
  color: #666;
  text-align: center;
}
.activityhidden {
  visibility: hidden;
}
.mt01rem {
  margin-top: 0.2rem;
}  
    
</style>
